<script type="text/javascript">
    $(document).ready(function(){        
      obtener_Nombre();
      //cargarCamaras();
      $("#cmbFamilia").change(function(evento){
            cargarEncadenados();
                        
        });
        $("#cmbClientes").change(function(evento){
            cargarEncadenados();
                        
        });  
        
        $('#rdbVerTodos').change(function () {
            
                if($('#rdbVerTodos').attr('checked'))
                {
                    $('#rdbVerTodos').attr('checked',false);
                    $("#cmbClientes").attr('disabled', true);
                    var con=0;
                    for (con=0;con<cmbClientes.length;con++)
                    {                    
                        //alert(con);
                        if(cmbClientes[con].value==<?php echo $_SESSION['IdCliente'] ?>){                        
                            cmbClientes[con].selected = true; 
                            cargarEncadenados();
                        }                                                                        
                    }
                }
                else
                {
                    $('#rdbVerTodos').attr('checked',true);
                    //$("#cmbClientes").removeAttr('disabled');
                    $("#cmbClientes").attr('disabled', false);                    
                }                    
        });   
   
        
        
    }); 
    
   function cargarEncadenados()
    {       
        
        $('#bodyEncadenadosTable').each(function() {
            $(this).empty();
        });
        var accion ='cargarEncadenados';
        var cliente = $('#cmbClientes').val();
        var familia = $('#cmbFamilia').val();
        $.get("controladores/ajaxControlador.php",{accion:accion,cliente:cliente,familia:familia},function(resultado){
            if(resultado == false)
            {
                alert("Error al cargar los encadenados.");
            }
            else
            {  
                $('#bodyEncadenadosTable').append(resultado);
            }
        });
    }
</script>

<ul class="breadcrumb">
    <li><a href="index.php">Inicio</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=paginaPrincipal">Men&uacute; principal</a> <span class="divider">&raquo;</span></li>
    <li><a href="index.php?accion=listarClientesXDia&controlador=cliente">Cliente selecci&oacute;n</a> <span class="divider">&raquo;</span></li>
    <?php echo "<li><a href=index.php?accion=MenuClienteSeleccion&id=".$_SESSION['IdCliente']."&tipoCliente=".$_SESSION['TipoCliente'].">Men&uacute; cliente</a> <span class='divider'>&raquo;</span></li>"?>
    <li><a href="index.php?accion=MenuSupervisor">Men&uacute; supervisor</a> <span class="divider">&raquo;</span></li>
    <li class="active">Encadenados</li>
</ul>


<!-- ===================================== END HEADER ===================================== -->

<div class="col_12">
    <div class="col_12">
        
        <label for="cliente">C&oacute;digo Cliente: <?php echo $_SESSION['IdCliente'] ?></label>
        <input  readonly class="col_12" type="textArea" name="cliente" value=""id="cliente" placeholder="Cliente" autocomplete="off" tabindex="1" />
        
        <h3 style="color:#999;margin-bottom:10px;" class="center">Registros Encadenados</h3>

    </div>
    <div class="col_10">
        
        <div class="col_12">
            <section id="cbcClientes"> 
                <label for="cmbClientes">Cliente:</label>
                <select disabled id="cmbClientes" name="cmbClientes" tabindex="1" class="selmenu">
                    <option value="">Selecciona Uno...</option>
                    <?php
                        if (sizeof($itemsClientes) > 0) {
                            foreach ($itemsClientes as $item) {
                                $codCliente = $item['CodCliente'];
                                $nombre = $item['Nombre'];
                                if($codCliente != $_SESSION['IdCliente'])
                                    echo "<option value='$codCliente'>$nombre - $codCliente</option>";
                                else
                                    echo "<option selected = 'true' value='$codCliente'>$nombre - $codCliente</option>";
                            }
                        }
                    ?>   
                </select>
            </section>
        </div>
        <div class="col_2">
            <section id="rdbVerTodos">
                <label for="rdbFunciona">Ver todos:</label>
                <div class="iphone-toggle-buttons">
                    <label for="Funciona"><input tabindex="5" type="checkbox" name="Funciona" id="Funciona"/><span>Ver todos</span></label>
                </div>

            </section>
        </div>
         <div class="col_12">
         
            <section id="cbcFamilia"> 
                <label for="cmbFamilia">Familia:</label>
                <select id="cmbFamilia" name="cmbFamilia" tabindex="2" class="selmenu">
                    <option value="0">Selecciona Uno...</option>
                    <?php
                        if (sizeof($itemsFamilias) > 0) {
                            foreach ($itemsFamilias as $item) {
                                $codFamilia = $item['CodFamilia'];
                                $descripcion = $item['Descripcion'];
                                echo "<option value='$codFamilia'>$descripcion - $codFamilia</option>";
                            }
                        }
                    ?> 
                </select>
            </section>
        </div>
        <div class="col_12">
        <div class="tab-pane active" id="demo">

            <p>
                Busqueda: <input id="filter" type="text" tabindex="3"/>
                <!--Plazo:
                <select class="filter-status">
                    <option></option>
                    <option value="N">N</option>
                    <option value="S">S</option>
                    
                </select>-->
                <a href="#clear" class="clear-filter" title="clear filter"><i class="icon-rss"></i> Limpiar</a>
                <span class="row-count"></span>
            </p>
            <table class="table demo" data-filter="#filter" data-page-size="10">
                <thead>
                    <tr>
                        <th data-toggle="true">
                            Descripci&oacute;n
                        </th>
                        <th data-toggle="true">
                            Articulo
                        </th>
                        <th data-toggle="true">
                            Familia
                        </th>
                        
                    </tr>
                </thead>
                <tbody id="bodyEncadenadosTable">

                            <!--Aqui se insertan lo tr generados por jquery mediante el metodo cargarEncadenados()-->

                </tbody>
                <tfoot class="hide-if-no-paging">
                    <tr>
                        <td colspan="12">
                            <div class="pagination pagination-centered"></div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
       </div>
    </div>

</div>
